import styled from "styled-components";

export const Container = styled.div`
   width: 100Vw;
   height: 87vh;
   background-color: #f4f7f6;
   .img1{
      height: 3.2rem;
      width: 9rem;
      margin-left: 0.5rem;
      object-fit: contain;
   }
   .exhibitions{
      margin-left: 0.5rem;
      width: 9rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
   }
   .keep{
      height: 1rem;
      width: 100vw;
   }
  
`


export const Container2 = styled.div`
    /* 宽度保持在4.2差不多 */
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    width: 4.2rem;
    height: 5.8rem;
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .item_img{
        height: 3.2rem;
        width: 4rem;
        object-fit: contain;
    }
    .title{
        box-sizing: border-box;
        padding: 0.1rem;
        font-family: Microsoft YaHei;
        font-size: 13px;
        font-weight: 600;
        /* 字体个数超过两行就会省略 */
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .adversement{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 0.5rem;
        box-sizing: border-box;
        padding-left: 0.1rem;
        padding-right: 0.1rem;
        font-size: 12px;
        color: red;
        position: relative;
        .first{
            position: absolute;
            left: -7px;
            border: 0.01rem solid red;
            font-family: Microsoft YaHei;
            white-space:nowrap;
            transform: scale(0.72);
            padding: 2px;
        }
        .second{
            position: absolute;
            font-family: Microsoft YaHei;
            border: 0.01rem solid red;
            transform: scale(0.72);
            white-space:nowrap;
            left: 56px;
            padding: 2px;
        }
    }
    .price{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: red;
        padding-top: 0.1rem;
        .right{
            margin-left: 0.2rem;
            font-family: Microsoft YaHei;
            font-size: 12px;
        }
    }
` 